/* 首页的CSS */

.logDiv {
    width: 190px;
    height: 160px;
    /* background-color: #f00; */
    /* float: left; */
    position: absolute;
    top: 0;
    left: 0;
}


/* 顶部导航条 */

.topMenu {
    width: 100%;
    height: 29px;
    background-color: #e3e4e6;
    /* float: right; */
    /* position: absolute; */
    float: right;
    border-bottom: 1px dashed #ddd;
}

.topMenu label {
    float: left;
}

.topMenu label.cityName {
    float: left;
    height: 20px;
    padding-left: 30px;
    margin: 6px 0 0 20px;
    color: #6f6e71;
    background: url('../images/icons/Location0.png') no-repeat;
}

.topMenu ul {
    float: right;
}

.topMenu ul li {
    float: left;
    padding: 0 12px;
    color: #6f6e71;
    line-height: 27px;
}

.topMenu ul li.red {
    color: red;
}

.topMenu ul em {
    width: 1px;
    height: 11px;
    background-color: gray;
    overflow: hidden;
    margin-top: 9px;
    float: left;
}

.searchWarp {
    width: 840px;
    height: 70px;
    /* background: #00f; */
    /* float: right; */
    position: absolute;
    top: 55px;
    left: 320px;
}

input.headerSearch {
    width: 498px;
    height: 33px;
    background-color: #fff;
    border: 1px solid #f00;
    float: left;
    color: #6f6e71;
    padding-left: 5px;
}

input.searchBtn {
    width: 50px;
    height: 35px;
    border: 0;
    float: left;
    background: url('../images/icons/search.jpg') no-repeat;
    background-color: #f00;
    cursor: pointer;
}

.myShopDiv {
    width: 188px;
    height: 33px;
    float: left;
    margin-left: 31px;
    background-color: #fff;
    background-image: url('../images/icons/00.jpeg');
    background-position: 0;
    background-repeat: no-repeat;
    cursor: pointer;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 33px;
    color: #f00;
}

.myShopDiv .shopNum {
    position: absolute;
    top: 3px;
    right: 90px;
    width: 18px;
    height: 18px;
    background: #f00;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    border-radius: 9px;
}


/* 栏目导航条 */

.columDiv {
    position: absolute;
    bottom: 9px;
    left: 120px;
}

.columDiv li {
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #565455;
    padding: 0 21px;
    margin: 9px;
    position: relative;
}

.columDiv em {
    width: 1px;
    height: 20px;
    background-color: #6f6e71;
    overflow: hidden;
    float: left;
    margin: 9px;
}

.columDiv .hot {
    width: 30px;
    height: 18px;
    background-image: url('../images/icons/Location0.png');
    display: block;
    background-repeat: no-repeat;
}


/* .columDiv ul li {
    float: left;
    padding: 1px 12px;
    color: #6f6e71;
    line-height: 27px;
} */


/* product导航条 */

#productNav {
    float: left;
    background-color: #6e6568;
    width: 190px;
    height: 500px;
}

#productNav ul {
    margin-top: 16px;
}

#productNav ul li {
    clear: both;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: left;
    font-size: 14px;
    padding-left: 12px;
    position: relative;
}


/* 定义了li标签的hover */

#productNav ul li:hover {
    background-color: #ddd;
    color: #6e6568;
    cursor: pointer;
    display: blocks;
}


/* 这个是li里面的p的hover */

#productNav ul li:hover p {
    background-color: #ddd;
    color: black;
    cursor: pointer;
}

#productNav ul li div.popup {
    position: absolute;
    top: 0;
    right: -240px;
    width: 240px;
    height: 180px;
    background-color: rgb(165, 161, 161);
    color: black;
    display: none;
    z-index: 12;
}

#productNav ul li:hover div.popup {
    display: block;
}


/* 轮播图 */

#sliderDdiv {
    width: 998px;
    height: 340px;
    float: right;
    overflow: hidden;
    position: relative;
}

#sliderDdiv ul {
    width: 3992px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
}

#sliderDdiv ul li {
    width: 998px;
    height: 340px;
    /* float: right; */
    overflow: hidden;
}

#sliderDdiv ul li img {
    width: 998px;
    height: 340px;
}

#sliderDdiv label,
#sliderDdiv span {
    width: 37px;
    height: 66px;
    background-color: #000;
    position: absolute;
    top: 130px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 66px;
    cursor: pointer;
    opacity: 0.5;
    z-index: 9;
}

#sliderDdiv label {
    left: 0;
}

#sliderDdiv span {
    right: 0;
}

#sliderDdiv label:hover {
    left: 0;
    opacity: 0.7;
}

#sliderDdiv span:hover {
    right: 0;
    opacity: 0.7;
}


/* 白点 */

#pointBtn {
    width: 180px;
    height: 21px;
    position: absolute;
    z-index: 11;
    left: 50%;
    margin-left: -51px;
    bottom: 20px;
    border-radius: 9px;
}

#pointBtn ul {
    width: auto;
    position: static;
    margin-left: 6px;
}

#pointBtn ul li {
    margin: 2px 0 0 10px;
    background-color: #fff;
    border-radius: 9px;
    width: 17px;
    height: 17px;
    float: left;
    opacity: 0.7;
}

#pointBtn ul li.bgsky {
    background-color: skyblue;
}

#pointBtn ul li:hover {
    background-color: skyblue;
    cursor: pointer;
}


/* 白点背景 */

.pointBtnBg {
    width: 180px;
    height: 21px;
    position: absolute;
    z-index: 10;
    left: 50%;
    margin-left: -51px;
    bottom: 20px;
    background-color: #fff;
    border-radius: 9px;
    opacity: 0.5;
}


/* 广告位 */

.adDiv {
    width: 998px;
    height: 150px;
    float: right;
}

.adDiv ul img {
    width: 496px;
    height: 150px;
    display: inline;
}

#productListTitle {
    width: 1155px;
    height: 50px;
    padding: 10px 0 0 0;
    margin: 0 auto;
    background-color: #f6f6f6;
    background-image: url(../images/010.png);
    background-repeat: repeat-x;
    text-align: center;
}

#productListTitle p {
    display: inline-block;
    padding: 0 56px;
    background-color: #f6f6f6;
    height: 50px;
    font-size: 22px;
}


/* 产品列表 */

.productList {
    width: 1157px;
    height: 180px;
    margin: 0 auto;
}

.prodocuBlock {
    width: 379px;
    height: 170px;
    float: left;
    /* background-image: url(../images/001.jpg); */
}

.productBg_1 {
    background-image: url(../images/001.jpg);
    background-repeat: no-repeat;
}

.productBg_2 {
    background-image: url(../images/002.jpg);
    background-repeat: no-repeat;
}

.productBg_3 {
    background-image: url(../images/003.jpg);
    background-repeat: no-repeat;
}

.prodocuBlock dl {
    height: 170px;
    width: 136px;
    float: left;
    /* background-color: #498c94; */
}

.prodocuBlock dl.bg_1 {
    background-color: #d78e28;
}

.prodocuBlock dl.bg_2 {
    background-color: #498c94;
}

.prodocuBlock dl.bg_3 {
    background-color: #5c5566;
}

.prodocuBlock dt {
    width: 97px;
    height: 40px;
    margin: 45px auto 0 auto;
    border-top: 3px dashed #fff;
    border-bottom: 3px dashed #fff;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 22px;
}

.prodocuBlock dd {
    width: 136px;
    height: 40px;
    /* margin-left: 16px; */
    /* border-top: 2px solid #fff; */
    text-align: center;
    line-height: 40px;
    color: #bfa;
    font-size: 16px;
}